<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../../css/css_LR/24hbaihuo-border.css">
    <link rel="stylesheet" href="../icont_LR/iconfont.css">
    <link rel="shortcut icon" href="../../images/favicon.ico">
</head>
<body>
        <div class="head_LR">
                <div class="area">
                    <ul class="ul clear">
                        <li class="li1 clear">
                            <span>所有商品分类</span>
                            <span class="iconfont icon-xiajiankuohao"></span>
                            <div class="li1-box">
                                <ul>
                                    <li class="clear">
                                        <p class="p1 iconfont icon-ziyuan"></p>
                                        <p class="p2">
                                            <a href="">百联进口&nbsp;全球购</a>
                                        </p>
                                        <div class="box"></div>
                                    </li>
                                    <li class="clear">
                                        <p class="p1 iconfont icon-yu"></p>
                                        <p class="p2">
                                            <a href="">生鲜食品</a>
                                        </p>
                                        <div class="box box1"></div>
                                    </li>
                                    <li class="clear">
                                        <p class="p1 iconfont icon-hongjiu"></p>
                                        <p class="p2">
                                            <a href="">食品粮油&nbsp;酒水冲饮</a>
                                        </p>
                                        <div class="box"></div>
                                    </li>
                                    <li class="clear">
                                        <p class="p1 iconfont icon-meironghuli"></p>
                                        <p class="p2">
                                            <a href="">美容护理</a>
                                        </p>
                                        <div class="box"></div>
                                    </li>
                                    <li class="clear">
                                        <p class="p1 iconfont icon-guizichuangtougui"></p>
                                        <p class="p2">
                                            <a href="">餐厨用具&nbsp;家居家装</a>
                                        </p>
                                        <div class="box"></div>
                                    </li>
                                    <li class="clear">
                                        <p class="p1 iconfont icon-yingerchezulin"></p>
                                        <p class="p2">
                                            <a href="">母婴玩具</a>
                                        </p>
                                        <div class="box"></div>
                                    </li>
                                    <li class="clear">
                                        <p class="p1 iconfont icon-zhijin"></p>
                                        <p class="p2">
                                            <a href="">家清&nbsp;纸品&nbsp;一次性</a>
                                        </p>
                                        <div class="box"></div>
                                    </li>
                                    <li class="clear">
                                        <p class="p1 iconfont icon-changxiu"></p>
                                        <p class="p2">
                                            <a href="">女装男装</a>
                                        </p>
                                        <div class="box"></div>
                                    </li>
                                    <li class="clear">
                                        <p class="p1  iconfont icon-bao"></p>
                                        <p class="p2">
                                            <a href="">鞋靴箱包&nbsp;珠宝饰品</a>
                                        </p>
                                        <div class="box"></div>
                                    </li>
                                    <li class="clear">
                                        <p class="p1  iconfont icon-shouji"></p>
                                        <p class="p2">
                                            <a href="">手机数码&nbsp;电脑办公</a>
                                        </p>
                                        <div class="box"></div>
                                    </li>
                                    <li class="clear">
                                        <p class="p1  iconfont icon-bingxiang"></p>
                                        <p class="p2">
                                            <a href="">家用电器</a>
                                        </p>
                                        <div class="box"></div>
                                    </li>
                                    <li class="clear">
                                        <p class="p1 iconfont icon-qiche"></p>
                                        <p class="p2">
                                            <a href="">运动户外&nbsp;家居用品</a>
                                        </p>
                                        <div class="box"></div>
                                    </li>
                                    <li>
                                        <p class="p1 iconfont icon-yp"></p>
                                        <p class="p2">
                                            <a href="">营养保健&nbsp;第一医药</a>
                                        </p>
                                        <div class="box"></div>
                                    </li>
                                    <li>
                                        <p class="p1 iconfont icon-qiapian"></p>
                                        <p class="p2">
                                            <a href="">礼品卡&nbsp;充值&nbsp;图书</a>
                                        </p>
                                        <div class="box"></div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="li2">
                            <a href="">首页</a>
                        </li>
                        <li class="li2">
                            <a href="">生活日用</a>
                        </li>
                        <li class="li2">
                            <a href="">24H百货</a>
                        </li>
                        <li class="li2">
                            <a href="">全球购</a>
                        </li>
                        <li class="li2">
                            <a href="">精品闪购</a>
                        </li>
                        <li class="li2">
                            <a href="">电器城</a>
                        </li>
                        <li class="li2">
                            <a href="./bailliandaojia.html">奥莱代购</a>
                        </li>
                    </ul>
                </div>
            </div>
    <div class="header_LR">
        <div class="area">
            <img src="../../images/IMG_LR/bannder.jpg" alt="">
        </div>
    </div>
    <div class="body_LR">
            <div class="area">
              <ul class="clear">
              </ul>
            </div>
        </div>
        <script src="../../js/js_LR/jquery-1.8.3.min.js"></script>
        <script>
            $(function(){
                var html=''
                $.ajax({
                    url:'../../php/php_LR/24Hbaihuo-border.php',
                    type:'GET',
                    dataType:'json',
                    success:function(res){
                        for(var i=0;i<res.length;i++){
                            if(res[i].type_id == 0){
                                $(".body_LR>.area>ul>li>.area>.gouwuche").css({backgroundColor:'#ccc'})
                                html+=" <li><div class='area'><div class='img'><img src="+res[i].img_Url+"></div><div class='content'><a href=''title="+res[i].title+">"+res[i].title+"</a></div><div class='jiage clear'> <p class='p1'>热卖价 ：</p><p class='p2'>￥"+res[i].jiage+"</p></div><div class=gouwuche><a href=''>已售罄</a></div></li>";
                                
                            }else{
                                html+=" <li><div class='area'><div class='img'><img src="+res[i].img_Url+"></div><div class='content'><a href=''title="+res[i].title+">"+res[i].title+"</a></div><div class='jiage clear'> <p class='p1'>热卖价 ：</p><p class='p2'>￥"+res[i].jiage+"</p></div><div class=gouwuche><a href=''>加入购物车>>></a></div></li>"
                            }
                            $(".body_LR>.area>ul").html(html)
                        }
                    },
                    error:function(){
                        alert("请求错误")
                    }
                })
            })
        </script>
</body>
</html>